<!--  -->
<template>
  <button class="qui-btn" v-on:click="btnClickEvent">
      <slot name="icon"></slot><!--重点在这里slot插槽-->
      <slot name="title"></slot>
    <span>{{msg}}</span>
    <img v-if="isShow" class="ico" src="http://qzonestyle.gtimg.cn/aoi/sola/20170214175951_TA6qW1X7ob.png" alt="slot">
  </button>
</template>

<script>
export default {
    props: {
      msg: {
        default: '下载'
      },
      isShow:{
          default: false
      }
    },
    methods: {    //绑定事件的关键代码
      btnClickEvent: function(){
        // alert("先弹出默认的文案"+this.msg);
        // alert("按钮统一默认事件")
        this.$emit("parentClickEvent")//关键代码父组件触发自定义事件
        // this.$emit("ttt")
        // this.$emit("ttt2")
      }
    }
};
</script>
<style scoped>
    @import './css/reset.import.css';
    @import './css/qui-btn.import.css';

    .ico{
    width: 14px;
    height:14px;
    line-height: 14px;
}
</style>